.customer .mask{
    background-color: #000;
    opacity: 0.6;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
}
.customer .dialog{
    width: 420px;
    height: 260px;
    position: fixed;
    top: 50%;
    margin-top:-130px;
    left: 50%;
    margin-left: -210px;
    z-index: 5;
    background: url('../imagesv3/customerBg.png') no-repeat center;
    background-size: 420px 260px;
}
.customer .dialog .close{
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: rgba(0, 0, 0, 0.18);
    position: absolute;
    right: 8px;
    top: 8px;
    color:#fff;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    cursor: pointer;
}
.customer .dialog .title{
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    color: #fff;
    padding-top:28px;
    line-height: 30px;
}
.customer .dialog .title .big{
    font-size: 28px;
}
.customer .dialog .title .small{
    font-size: 16px;
}
.customer .dialog .button{
    display: flex; 
    position: absolute;
    left: 52px;
    bottom: 20px;
}
.customer .dialog .button .consult{
    text-align: center;
    width: 138px;
    height: 40px;
    line-height: 40px;
    border-radius: 8px;
    border: 1px solid #FF8557;
    color: #FF692A;
    margin-right: 20px;
}
.customer .dialog .button .try{
    text-align: center;
    width: 138px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: linear-gradient(360deg, #FF7C4C 0%, #FFB279 100%);
    border-radius: 8px;
}